<!doctype html>

<html lang="zh-CN">
<head title="小智报表设计器-html嵌入">
    <meta charset="UTF-8">
</head>
<body>
<div id="chartDesigner" style="height:100%"></div>

<!--
<button @click="setcanvasHight">设置画布高度</button><br>
   id=chartDesigner height没有设置，导致画笔高度=0
    //
    // const canvasclassname="xzchart-mCanvas"
    // const canvasheight="1024px"
    // function setcanvasHight() {
    //     let canvas =document.getElementsByClassName(canvasclassname)[0]
    //     canvas.style.height=canvasheight
    // }
-->
<script src="../../xzSourceCode/xzChartDesigner/report.js"></script>
<link type="text/css" rel="stylesheet" href="../../xzSourceCode/xzChartDesigner/report.css">
<script src="chartDesigner2.js"></script>
<script src="../xzCharDesignerOption.js"></script>

<script>
    //假定report是一个完整的bi设计的成果，还包含了预览的数据，此时对这个数据源可以’编辑‘，当作是’可以直接渲染‘的报表实例x
    let    designer = new XZChartDesigner("#chartDesigner", option,report);
</script>

</body>

</html>
